<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

    <meta content="旧书,二手书,二手教材,旧教材,校园书籍,校园旧书，旧书网" name="keywords">
    <meta content="买卖二手书，就上旧书街" name="description">
    <meta content="zh" name="language">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <link href="res/form.css" rel="stylesheet" type="text/css">
    <link href="res/pager.css" rel="stylesheet" type="text/css">
    <link href="res/ubm_basic.css" rel="stylesheet" type="text/css">
    <link href="http://cdnfile.jiushujie.com/images/ubm.ico"
          rel="shortcut icon" type="image/x-icon">


    <title>买卖二手书,就上旧书街</title>
</head>
<body>
<div th:replace="index::div#header"></div>
<link href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>


<div class="main_middle">

    <div class="center_980" id="main_content">
        <div class="content_left">
            <div class="side_block">
                <div class="title">书籍分类</div>
                <div class="separate"></div>
                <div id="booktype_sidebar_div" th:each="c:${cate}">
                    <a category_key="1000" href="#" th:text="${c.name}"></a>

                </div>
            </div>
            <div class="side_block">
                <div class="title">热门书店</div>
                <div class="separate"></div>
                <div class="hot_seller">
                    <ul th:replace="index::ul.hotshudian">

                    </ul>
                </div>
            </div>

            <div class="side_block">
                <div class="title">热门个人</div>
                <div class="separate"></div>
                <div class="hot_seller">
                    <ul th:replace="index::ul.hotuser">

                    </ul>
                </div>
            </div>

            <div class="side_block">
                <div class="title">最多人关注</div>
                <div class="separate"></div>
                <div class="side_user_list">
                    <ul th:replace="index::ul.zuiduofans">

                    </ul>
                </div>
                <div class="clearfloat"></div>
            </div>
            <div class="side_block">
                <div class="title">最近登录用户</div>
                <div class="separate"></div>
                <div class="side_user_list">
                    <ul th:replace="index::ul.zuijin">

                    </ul>
                </div>
                <div class="clearfloat"></div>
            </div>
            <div class="side_block">
                <div class="title">新注册用户</div>
                <div class="separate"></div>
                <div class="side_user_list">
                    <ul th:replace="index::ul.xinguser">

                    </ul>
                </div>
                <div class="clearfloat"></div>
            </div>
        </div>
        <div class="content_right">
            <div class="border_white"
                 style="margin-bottom: 10px; padding: 4px 10px;">
                <div class="search_tag">
                    <a class="all selected" href="javascript:void(0);" onclick="submitTagType('');
                return false;"
                       title="所有人的书籍">所有人的</a>
                    <a class="follow" href="javascript:void(0);" onclick="submitTagType('follow');
                return false;"
                       title="关注人的书籍">关注人的</a>
                    <a class="fan" href="javascript:void(0);" onclick="submitTagType('fan');
                return false;"
                       title="粉丝的书籍">粉丝的</a>
                    <a class="comment" href="javascript:void(0);" onclick="submitTagType('comment');
                return false;"
                       title="留言过的书籍">留言过的</a>
                    <a class="free" href="javascript:void(0);" onclick="submitTagType('free');return false;"
                       title="免费赠送的书籍">赠送的</a>
                </div>
                <div class="search_div">
                    <form action="/sell?tag=" id="search_title_form" method="get">
                        <input name="tag" type="hidden" value=""><input
                            class="queryinput" id="q" name="q" placeholder="请输入关键字搜索"
                            type="text" value=""><input class="search_div_button"
                                                   onclick="submitSearch();" type="button" value="搜 索">
                    </form>
                </div>
                <div class="clearfloat"></div>
            </div>
            <div class="border_white padding_10 book_list">
                <script type="text/javascript">
                    function afterAjax(data) {
                        if (g_reloginNotice == data) {
                            window.location = g_loginUrl;
                            return;
                        } else if (g_ddosDenyMsgStr == data) {
                            $('div.content_right div.book_list').append(
                                '<div>' + g_ddosDenyMsgStr + '</div>');
                        }
                    }
                </script>
                <div id="page">
                <div class="list-view" id="yw0">

                    <div class="items" v-for="a in books">
                        <div class="book_item dashed_border_bottom">
                            <div class="book_pic">
                                <a :href="'book_'+a.id"
                                   target="_blank"> <img
                                        :alt="a.name"
                                        :src="a.pic"
                                        :title="a.name" class="book_pic">
                                </a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a :href="'book_'+a.id" target="_blank" >{{a.name}}</a>
                                </div>
                                <div class="detail padding_10">
                                    <div class="buy_action"><a class="button_link"
                                                               href="javascript:addCart(395387881);">购&nbsp;&nbsp;买</a></div>
                                    <span >{{a.author}}/{{a.press}}</span> <br> <br> <span
                                        >{{a.price}}</span> &nbsp;&nbsp;<span
                                        class="line-through-price" >{{a.markPrice}}</span> &nbsp;&nbsp;<span
                                        >{{a.discount}}</span> <br>
                                    <br> <span >{{a.oldnew}}</span>
                                </div>
                                <div class="user_info_tiny">
                                    <div style="float: left;">
                                        <a href="/user/26477238" target="_blank"><img
                                                alt="gjzhou"
                                                class="user_pic_tiny"
                                                src="http://cdn.shujie.me/user/2021/01/05/01/26477238_avk7rg0y8lqbl73a.jpg!tiny" title="gjzhou"></a><a href="/user/26477238"
                                                                                   target="_blank">gjzhou</a>&nbsp;&nbsp;&nbsp;&nbsp;<span
                                            class="male" title="男生">♂</span>&nbsp;&nbsp;&nbsp;&nbsp;安徽科技学院
                                    </div>
                                    <div class="comment_count"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pager">

                            <el-pagination
                                    :total="total"
                                    @current-change="query"
                                    background layout="prev, pager, next" page-size="10">
                            </el-pagination>
                        </div>
                        <script>
                            var v = new Vue({
                                el: "#page",
                                data: {
                                    books: [],
                                    total: 0,


                                },
                                created(){
                                   this.query();
                                },
                                methods: {
                                    query(page) {
                                        page = page || 1;
                                        let url = "jsj-order/jiushujie/jsjBook/queryAllBook?size=10&&page=" + page;
                                        axios.get(url).then(res => {
                                            this.books = res.data.records;
                                            this.total = res.data.total;
                                        })
                                    }
                                }
                            })
                        </script>

                    </div>
                    <div class="keys" style="display: none" title="/sell">
                        <span>395277219</span><span>395277215</span><span>395277204</span><span>395277195</span><span>395277178</span><span>395277175</span><span>395277171</span><span>395277167</span><span>395277166</span><span>395277164</span><span>395277163</span><span>395277161</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfloat"></div>
    </div>
</div>
<div style="border-bottom: 1px solid rgb(255, 255, 255);"></div>
<div style="position: fixed; top: 122px; right: 20px;">
    <img src="res/ios_download.jpg"
         style="width: 120px; margin-bottom: 10px;"><br> <img
        src="res/android_download.jpg"
        style="width: 120px; margin-bottom: 10px;">
</div>
<div class="clearfloat"></div>
<div th:replace="index::div.bottom"></div>
<h1 class="jiushujie_slogan">买卖二手书，就上旧书街。旧书街二手书交易网-您身边的旧书网站</h1>
</body>
</html>